<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<title>添加房屋预售信息</title>
<link th:replace="common/header"/>
<script type="text/javascript" th:src="@{/js/androidwheel/androidwheel.js}"></script>
<script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<body class="no-skin">
	<div th:replace="common/top"/>
	<div class="main-container ace-save-state" id="main-container">
		<div th:replace="common/menu"/>
		<div class="main-content">
			<div class="main-content-inner">
				<div th:replace="common/title"/>
				<div class="page-content">
					<div th:replace="common/skin"/>
					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<form class="form-horizontal" action="add.do" name="form" th:action="@{/houseBooking/add}" th:method="post" th:object="${houseBooking}">
								<h3 class="header smaller lighter blue"><i class="fa fa-plus" aria-hidden="true"></i>添加房屋预售信息</h3>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="name">新楼盘名称:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="name" id="name" class="input_fix" placeholder="新楼盘名称" th:value="*{name}" maxlength="50"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="orientation">朝向:<font style="color:red">*</font></label>
											<div class="controls">
												<select th:field="*{info.orientation}" id="orientation" name="orientation" class="input_fix" th:value="*{info.orientation}">
													<option value="">--请选择--</option>
													<option th:each="orientation : ${T(xyz.ibenben.zhongdian.system.entity.enums.OrientationEnum).values()}" th:value="${orientation}" th:text="${orientation.text}"></option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('name')}" th:errors="*{name}" >Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('info.orientation')}" th:errors="*{info.orientation}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span12">
										<div class="control-group">
											<label class="control-label" for="roomNumber">卧室-客厅-厨房-卫生间(数量):<font style="color:red">*</font></label>
											<div class="controls">
												<input name="roomNumber" id="roomNumber" class="input_fix3" placeholder="卧室数量" th:value="*{info.roomNumber}"/>-
												<input name="drawingNumber" id="drawingNumber" class="input_fix3" placeholder="客厅数量" th:value="*{info.drawingNumber}"/>-
												<input name="kitchenNumber" id="kitchenNumber" class="input_fix3" placeholder="厨房数量" th:value="*{info.kitchenNumber}"/>-
												<input name="restroomNumber" id="restroomNumber" class="input_fix3" placeholder="卫生间数量" th:value="*{info.restroomNumber}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span12">
										<font style="color:red"><span class="input_fix3" th:if="${#fields.hasErrors('info.roomNumber')}" th:errors="*{info.roomNumber}">Name Error</span>
										<span class="input_fix3" th:if="${#fields.hasErrors('info.drawingNumber')}" th:errors="*{info.drawingNumber}">Name Error</span>
										<span class="input_fix3" th:if="${#fields.hasErrors('info.kitchenNumber')}" th:errors="*{info.kitchenNumber}">Name Error</span>
										<span class="input_fix3" th:if="${#fields.hasErrors('info.restroomNumber')}" th:errors="*{info.restroomNumber}">Name Error</span>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="houseArea">房屋面积:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="houseArea" id="houseArea" class="input_fix" placeholder="房屋面积" th:value="*{info.houseArea}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="polt">所在小区:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="polt" id="polt" class="input_fix" placeholder="所在小区" th:value="*{info.polt}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('info.houseArea')}" th:errors="*{info.houseArea}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('info.polt')}" th:errors="*{info.polt}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label" for="address">详细地址:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="address" id="address" class="input_fix" placeholder="详细地址" th:value="*{address}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12">
										<font style="color:red"><p th:if="${#fields.hasErrors('address')}" th:errors="*{address}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="openPrice">开盘价格:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="openPrice" id="openPrice" class="input_fix" placeholder="开盘价格" th:value="*{openPrice}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="purpose">住宅用途:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="purpose" id="purpose" class="input_fix" placeholder="住宅用途" th:value="*{info.purpose}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><span th:if="${#fields.hasErrors('openPrice')}" th:errors="*{openPrice}">Name Error</span></font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('info.purpose')}" th:errors="*{info.purpose}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span12">
										<div class="control-group">
											<label class="control-label" for="province">所在省-所在市-所在区/县/镇:<font style="color:red">*</font></label>
											<div class="controls">
												<select th:field="*{province}" id="province" name="province" class="input_fix3" th:value="*{province}" th:onchange="'provinceChange(this.value, null, \'--请选择--\')'">
													<option value="">--请选择--</option>
													<option th:each="province : ${provinceList}"
														th:value="${province.provinceCode}" th:text="${province.provinceName}">山东</option>
												</select>-
												<select th:field="*{city}" id="city" name="city" class="input_fix3" th:value="*{city}"  th:onchange="'cityChange(this.value, null, \'--请选择--\')'">
													<option value="">--请选择--</option>
													<option th:each="city : ${cityList}"
														th:value="${city.cityCode}" th:text="${city.cityName}">青岛</option>
												</select>-
												<select th:field="*{region}" id="region" name="region" class="input_fix3" th:value="*{region}">
													<option value="">--请选择--</option>
													<option th:each="region : ${regionList}"
														th:value="${region.regionCode}" th:text="${region.regionName}">市北</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12">
										<font style="color:red"><span th:if="${#fields.hasErrors('province')}" th:errors="*{province}">Name Error</span>
										<span th:if="${#fields.hasErrors('city')}" th:errors="*{city}">Name Error</span>
										<span th:if="${#fields.hasErrors('region')}" th:errors="*{region}">Name Error</span>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="layer">总楼层:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="totalLayer" id="totalLayer" class="input_fix" placeholder="总楼层" th:value="*{info.totalLayer}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="propertyRight">产权:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="propertyRight" id="propertyRight" class="input_fix" placeholder="产权" th:value="*{info.propertyRight}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><span th:if="${#fields.hasErrors('info.totalLayer')}" th:errors="*{info.totalLayer}">Name Error</span>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('info.propertyRight')}" th:errors="*{info.propertyRight}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="phone">联系电话:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="phone" id="phone" class="input_fix" placeholder="联系电话" th:value="*{phone}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="developer">开发商:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="developer" id="developer" class="input_fix" placeholder="开发商" th:value="*{developer}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('phone')}" th:errors="*{phone}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('developer')}" th:errors="*{developer}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="loginNumber">登记字号:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="loginNumber" id="loginNumber" class="input_fix" placeholder="登记字号" th:value="*{loginNumber}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="memo">备注:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="memo" id="memo" class="input_fix" placeholder="备注" th:value="*{memo}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span12">
										<font style="color:red"><span th:if="${#fields.hasErrors('loginNumber')}" th:errors="*{loginNumber}">Name Error</span>
										<span th:if="${#fields.hasErrors('memo')}" th:errors="*{memo}">Name Error</span>&nbsp;</font>
									</div>
								</div>
								
								<div class="row-fluid">
									<div class="text-center span12">
										<button shiro:hasPermission="/houseBooking/add" class="btn btn-primary" type="submit"><i class="fa fa-floppy-o" aria-hidden="true"></i>提交</button>
										<button shiro:hasPermission="/houseBooking/add" class="btn btn-danger" type="reset"><i class="fa fa-times" aria-hidden="true"></i>取消</button>
										<a shiro:hasPermission="/houseBooking/getall" class="btn" href="getall" th:href="@{/houseBooking/getall}"><i class="fa fa-reply" aria-hidden="true"></i>返回</a>
									</div>
								</div>
							</form>
							<!-- PAGE CONTENT ENDS -->
						</div><!-- /.col -->
					</div><!-- /.row -->
				</div><!-- /.page-content -->
			</div>
		</div><!-- /.main-content -->
		<div th:replace="common/footer"/>
	</div><!-- /.main-container -->
	<div th:replace="common/buttom"/>

	<script type="text/javascript">
		$("form").submit(function(){  
			$(":submit",this).attr("disabled","disabled");  
		}); 
	</script>
</body>
</html>
